<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/views/common/meta_info.htm"%>
<%@ include file="/views/common/common_css.htm"%>
<link rel="stylesheet" type="text/css" href="/css/front/call.css" title="v" />
<%@ include file="/views/common/common_front_wpk_css_new.htm"%>
<style>
.col-xs-4 {
	width: 27.7777%
}
</style>
</head>
<body style="background-color: #f0f0f6;">
	<div class="container-fluid">
		<div class="row auction_title">
			<div class="col-xs-2" onclick="lh.back();">
				<i class="icon-angle-left icon-3x" style="position: relative; bottom: 2px;"></i>
			</div>
			<div class="col-xs-8 pt10 plr0 text-center">
				<span class="fs16">个人实名认证</span>
			</div>
		</div>
		<div class="row orange_bg pb10">
			<div class="col-xs-4 plr0">
				<img width="28" src="/images/front/authentication_01.png" class="img-responsive center-block">
				<div class="col-xs-12 plr0 text-center pt10 white">
					个人信息 <img width="15" src="/images/front/authentication_04.png" class="pull-right mt5" />
				</div>
			</div>
			<div class="col-xs-4 plr0">
				<img width="28" src="/images/front/authentication_02.png" class="img-responsive center-block">
				<div class="col-xs-12 plr0 text-center pt10 white">
					店铺信息 <img width="15" src="/images/front/authentication_04.png" class="pull-right mt5" />
				</div>
			</div>
			<div class="col-xs-4 plr0">
				<img width="28" src="/images/front/authentication_03.png" class="img-responsive center-block">
				<div class="col-xs-12 plr0 text-center pt10 white">提交审核</div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 gray ptb5">实名认证（请上传真实的个人信息，认证通过后将无法修改）</div>
		</div>
		<div class="row white_bg bdb bdt">
			<div class="col-xs-3 pr0 pb10 pt15">姓名</div>
			<div class="col-xs-9 plr0 ptb10">
				<div class="col-xs-12 pl0">
					<input type="text" id="realName" class="form-control bdn" placeholder="请输入真实姓名">
				</div>
			</div>
		</div>
		<div class="row white_bg bdb">
			<div class="col-xs-3 pr0 pb10 pt15">身份证号</div>
			<div class="col-xs-9 plr0 ptb10">
				<div class="col-xs-12 pl0">
					<input type="number" id="idcardNum" class="form-control bdn" placeholder="请输入身份证号">
				</div>
			</div>
		</div>
		<!-- <div class="row white_bg bdb">
        	<div class="col-xs-3 pr0 pb10 pt15">
				联系电话
        	</div>
        	<div class="col-xs-5 plr0 ptb10">
                <div class="col-xs-12 pl0 bdr">
            		<input type="tel" class="form-control bdn" placeholder="请输入联系电话" >
                </div>
        	</div>
            <div class="col-xs-4 pl0 text-right pt10">
                <a href="" rel="button" class="btn bdn btn-default blue">语音验证</a>
            </div>
        </div> -->
		<!--   <div class="row">
        	<div class="col-xs-12 gray ptb5 text-right">
        		请填写有效电话，工作人员将会致电核实材料
        	</div>
        </div> -->
		<div class="row white_bg">
			<div class="col-xs-12 ptb5 fs16">身份证正面照</div>
			<div class="col-xs-12 blue fs12 pb15">请使用横向拍摄以保证图片正常显示</div>
			<div class="col-xs-10 col-xs-offset-1 ptb20 bdda">
				<div id="fileUpload" title="notUpload">
					<img id="pic1" src="/images/front/ID_01.png" class="img-responsive center-block">
				</div>
			</div>
			<div class="col-xs-8 col-xs-offset-2 mt15">
				<button type="button" class="weui_btn weui_btn_primary fs16" onclick="choosePic({showPic:true, picType:1})">上传正面照片</button>
				<!-- <input type="file" name="fileField" class="file_authentication" > -->
			</div>
			<div class="col-xs-12 ptb5 gray-init text-center">照片必须清晰哟！</div>
		</div>
		<div class="row white_bg mt6">
			<div class="col-xs-12 ptb5 fs16">身份证反面照</div>
			<div class="col-xs-12 blue fs12 pb15">请使用横向拍摄以保证图片正常显示</div>
			<div class="col-xs-10 col-xs-offset-1 ptb20 bdda">
				<div id="fileUpload2" title="notUpload">
					<img id="pic2" src="/images/front/ID_02.png" class="img-responsive center-block">
				</div>
			</div>
			<div class="col-xs-8 col-xs-offset-2 mt15">
				<button type="button" class="weui_btn weui_btn_primary fs16" onclick="choosePic({showPic:true, picType:2})">上传反面照片</button>
				<!-- <input type="file" name="fileField" class="file_authentication" > -->
			</div>
			<div class="col-xs-12 ptb5 gray-init text-center">照片必须清晰哟！</div>
		</div>
		<div class="row white_bg mt6">
			<div class="col-xs-12 ptb5 fs16">手持身份证照</div>
			<div class="col-xs-12 blue fs12 pb15">请使用横向拍摄以保证图片正常显示</div>
			<div class="col-xs-10 col-xs-offset-1 ptb20 bdda">
				<div id="fileUpload3" title="notUpload">
					<img id="pic3" src="/images/front/ID_03.png" class="img-responsive center-block">
				</div>
			</div>
			<div class="col-xs-8 col-xs-offset-2 mt15">
				<button type="button" class="weui_btn weui_btn_primary fs16" onclick="choosePic({showPic:true, picType:3})">上传手持身份证照</button>
				<!-- <input type="file" name="fileField" class="file_authentication" > -->
			</div>
			<div class="col-xs-12 ptb5 gray-init text-center">照片必须清晰哟！</div>
		</div>
		<div class="row ptb20">
			<div class="col-xs-12" onclick="addUserAuthentication()">
				<a rel="button" class="col-xs-12 btn btn-lg btn-orange">下一步</a>
			</div>
		</div>
	</div>


	<input type="hidden" id="openId" value="${openId}">
	<input id="appId" type="hidden" value="${appId}" />
	<input id="timeStamp2" type="hidden" value="${timeStamp}" />
	<input id="nonceStr2" type="hidden" value="${nonceStr}" />
	<input id="signature" type="hidden" value="${signature}" />



	<%@ include file="/views/front/common/z_div_common.htm"%><!-- 通用DIV -->
	<%@ include file="/views/common/common_js.htm"%>
	<%@ include file="/views/common/common_front_js.htm"%>
	<%@ include file="/views/common/common_front_wpk_js.htm"%>
	<script type="text/javascript" src="/cssjs_stable/js/jquery.mCustomScrollbar.concat.min.js"></script>
	<script type="text/javascript" src="/third-party/swiper/swiper.3.1.7.jquery.min.js"></script>
	<script src="/js/front/user/myseller.js" title="v"></script>
	<script type="text/javascript" src="/js/front/wpk/my.js" title="v"></script>
	<script type="text/javascript" src="/js/common/call.js" title="v"></script>
<script src="/js/front/user/safety/individualMsgAuthentication.js" title="v"></script>
</body>
</html>